{% extends "../_base/layout.html" %} 
{% block css %}
<link rel="stylesheet" href="{{site.static}}/css/service_question_detail.css"> 
{% endblock %} 
{% block content %} 
    {% block header%} 
        {% set pageHeaderConf = {pageTitle: __("service_question_detail_page_title"),level:2} %} 
        {%include "../_base/page_header.html"%} 
    {% endblock %}

{% from "../_base/data_list.html" import questionList %}            

<div class="eui-main-container eui--padding-b-0 question-detail-main-container">
    <ul class="eui-table-view question-content-list">
        <li class="eui-table-view-cell eui-table-view-cell-border-circle eui--blue-color">
            <h2 class="question-title eui--font-28">Q:如何避免充值不到账？</h2>
        </li>
        <li class="eui-table-view-cell eui-table-view-cell-border-circle eui--font-26 eui--overflow-h">
            <div class="part-one eui--pull-left eui-color-cf493d">A：</div>
            <div class="part-two eui--pull-left eui--black-color question-content">
                1、购买游戏币订单失败？多笔账单为何不翼而飞？
                如何避免充值不到账，给大家介绍几个技巧。
                技巧一：
                购买游戏币订单失败？多笔账单为何不翼而飞？如
                何避免充值不到账，给大家介绍几个技巧。
                技巧二：
                购买游戏币订单失败？多笔账单为何不翼而飞？如
                何避免充值不到账，给大家介绍几个技巧。
                技巧三：
                购买游戏币订单失败？多笔账单为何不翼而飞？如
                何避免充值不到账，给大家介绍几个技巧。    
            </div>            
        </li>
        <li class="eui-table-view-cell eui-table-view-cell-border-circle eui--text-center">
           {{__("service_question_detail_page_tips1")}}
        </li>
        <li class="eui-table-view-cell eui-table-view-cell-border-circle eui--text-center">
            <a href="javascript:;" class="eui--font-26 eui--first-child eui-565656-color">                    
                <span class="eui-icon eui-icon-thumb"></span> 已解决
            </a>
            <a href="javascript:;" class="eui--font-26 active eui-565656-color">                    
                <span class="eui-icon eui-icon-tread"></span> 未解决
            </a>
        </li>      
    </ul>
    <div class="eui-card eui--white-bacg question-list eui--margin-t-20">
        <div class="eui-card-header">{{__("service_question_detail_card_title_1")}}</div>
        <div class="eui-card-content">
            {{ questionList('dataList') }}
        </div>
    </div>

    <div class="eui-card eui--white-bacg page-footer">
        <div class="eui-card-header">{{__("service_question_detail_card_title_2")}}</div>
        <div class="eui-card-content eui--text-center">
            <a href="/customer/customerHuman">
                <span class="eui-icon eui-icon-human-customer"></span>
                <p class="eui--black-color eui--font-26">{{__("service_nav_human_service")}}</p>
            </a>            
        </div>
    </div>
</div>
{% endblock %}
